<template>
    <div>
        <el-container>
            <el-header>
                <headertop/>
            </el-header>
            <el-main>
                <div class="center">
                    <div >
                        <div class="serch">
                            <el-input placeholder="请输入信件名称关键字搜索" suffix-icon="el-icon-search"></el-input>
                            <el-button type="primary">查询</el-button>
                        </div>
                    </div>
                </div>
            </el-main>
            <el-footer>
                <foot></foot>
            </el-footer>
        </el-container>
    </div>
</template>

<script>
import headertop from "@/components/header";
import foot from "@/components/footer";
export default {
  components: { headertop, foot },
  data() {
    return {};
  }
};
</script>

<style lang="less" scoped>
.el-header {
  padding: 0 !important;
  height: 150px !important;
}

.el-aside {
  background-color: #d3dce6;
  color: #333;
  text-align: center;
  line-height: 200px;
}

.el-main {
  /* background-color: #e9eef3; */
  padding: 0;
  color: #333;
}
.el-footer {
  margin: 0 !important;
}

.center {
  width: 1400px;
  margin: 0 auto;
  height: 100%;
  .serch {
    width: 1400px;
    height: 95px;
    background-color: pink;
    position: relative;
    .el-input {
      width: 470px;
      position: absolute;
      top: 50%;
      left: 70px;
      transform: translateY(-50%);
    }
    .el-button {
      position: absolute;
      top: 50%;
      left: 583px;
      transform: translateY(-50%);
      background-color: #226ebc;
      border: 0;
    }
  }
}

.tab {
  width: 1400px;
  height: 500px;
  background-color: #000;
  z-index: 9999999;
}
</style>

